.stockDetails {
	height: 100vh;
	.container {
		height: calc(100% - 155rpx);
		.container_box {
			width: 100%;
			padding: 25rpx 0;
			background-color: #fff;
		}
	}
}
.pks_box {
	flex-flow: column;
}
.jlr_box {
	background-color: #fff;
	display: flex;
	align-items: center;
	// height: 270rpx;
	padding: 25rpx 0;
	width: calc(100% - 50rpx);
	margin: 0 25rpx;
	margin-bottom: 25rpx;
	// border: 4rpx solid #d3d3d3;
	box-shadow: 0 0 10rpx 2rpx #d3d3d3;
	border-radius: 10rpx;
	.jlr_box_cont {
		display: flex;
		align-items: center;
		width: 100%;
	}
		
	.jlr_box_headers {
		line-height: 45rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #333;
		.jlr_box_right, .jlr_box_left {
			line-height: 45rpx;
			padding: 0 13rpx;
			
		}
	}
	.jlr_box_left {
		width: 180rpx;
		font-size: 21rpx;
		font-weight: bold;
		white-space: nowrap;
		line-height: 60rpx;
		color: #999;
		p {
			padding: 0 25rpx;
			text-align: right;
			// border-top: 4rpx solid #d3d3d3;
			// border-
			&:nth-of-type(1){
				border-top: 0;
			}
		}
	}
	
	.jlr_box_right {
		line-height: 60rpx;
		font-size: 23rpx;
		// text-align: left;
		width: 200rpx;
		padding: 0 20rpx 0 0;
		text-align: center;
		p {
			// border-top: 4rpx solid #d3d3d3;
			&:nth-of-type(1){
				border-top: 0;
			}
		}
	}
}



.stock_img {
	width: 100%;
	height: 490rpx;
	padding: 0 0 25rpx;
	display: flex;
	align-items: center;
	image {
		width: 500rpx;
		height: 490rpx;
	}
	.buss_left {
		width: calc(100% - 500rpx);
		font-size: 22rpx;
		color: #999;
		padding: 0 20rpx;
		padding-top: 20rpx;
		.borddd {
			width: 100%;
			height: 5rpx;
			background-color: #999;
			border-radius: 10rpx;
			margin-bottom: 20rpx;
		}
		.buss_left_item {
			margin-bottom: 20rpx;
			display: flex;
			white-space: nowrap;
			.buss_lef_label {
				width: 60rpx;
			}
			.buss_lef_text {
				margin: 0 8rpx;
				width: 60rpx;
				text-align: center;
			}
			
			.buss_lef_volume {
				text-align: right;
				width: 100rpx;
			}
		}
	}
}


.company_box {
	padding: 0 25rpx;
	font-size: 26rpx;
	div {
		display: flex;
		align-items: flex-start;
		line-height: 45rpx;
		margin-bottom: 12rpx;
	}
	.com_label {
		color: #007AFF;
		width: 180rpx;
		min-width: 180rpx;
		text-align: right;
		white-space: nowrap;
	}
}

.stock_nav {
	display: flex;
	align-items: center;
	font-size: 26rpx;
	border-bottom: 1rpx solid #d3d3d3;
	border-top: 25rpx solid #f6f6f6;
	.stockNavActive {
		color: red;
		font-weight: bold;
		&::before{
			content: '';
			position: absolute;
			width: 100%;
			bottom: 0;
			left: 0;
			height: 8rpx;
			background-color: red;
		}
	}
	.stock_nav_item {
		margin: 0 25rpx;
		height: 80rpx;
		font-size: 28rpx;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}


.stock_details {
	color: #fff;
	padding: 8rpx 25rpx 25rpx;
	.stock_details_price {
		font-size: 58rpx;
		font-weight: bold;
		// font-family:;
		
	}
	
	.stock_typebox {
		display: flex;
		align-items: center;
		margin-top: 15rpx;
		color: #e3e3e3;
		font-size: 23rpx;
	}
	
	.stock_price_label {
		display: flex;
		font-size: 26rpx;
		padding-right: 15rpx;
		margin-right: 25rpx;
		border-right: 1rpx solid #e3e3e3;
		width: 200rpx;
		align-items: center;
		color: #fff;
		span {
			margin-right: 25rpx;
			display: flex;
		}
	}
}

.did_content {
	background-color: #fff;
	padding: 25rpx 25rpx 15rpx;
	height: 160rpx;
	border-bottom: 25rpx solid #f3f3f3;
	.did_content_item {
		float: left;
		.did_label {
			float: left;
			min-width: calc(29% - 8px);
			white-space: nowrap;
			margin-right: 15rpx;
			font-size: 23rpx;
			text-align: left;
			margin-bottom: 10rpx;
			padding-right: 30rpx;
		}
	}
}

.bigBox {
	width: calc(100% - 40rpx);
	padding: 0 20rpx;
	font-size: 28rpx;
	.big_item {
		line-height: 80rpx;
		display: flex;
		justify-content: space-between;
		span {
			// width: calc(100% / 3);
		}
	}
}


.big_nav_num {
	display: flex;
	flex-flow: row;
	margin-top: 30rpx;
	.item {
		border-radius: 5rpx;
		background-color: #e1e1e1;
		padding: 5rpx 12rpx;
		font-size: 26rpx;
		margin-right: 30rpx;
		margin-bottom: 30rpx;
	}
}